html{
    background-color: #f2f2f2;
    color: #666;
}
.layui-side-menu .layui-nav .layui-nav-item>a{
	padding-top: 4px;	
    padding-bottom: 4px;
}
/* .layui-side-menu .layui-nav .layui-nav-item a{
	padding-left: 25px;
} */
.layui-nav .layui-nav-more{
    margin-right: 18px;
}
.layui-nav-child a{
	padding-left: 45px!important;
}
.body-container{			
    background-color: #fff;
    margin: 10px;
    padding: 5px;	
}    	
.webuploader-pick {
	position: relative;
	display: inline-block;
	cursor: pointer;
	background: #00b7ee;
	padding: 10px 15px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	overflow: hidden;
}
.layui-tab-brief>.layui-tab-title .layui-this{
    color: #1e9fff;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
	border-bottom: 2px solid #1e9fff;	
}
.layui-tab{
	margin: 5px 0;
}
.layui-tab-content{
    padding: 5px;
}

.add-btn{
	
}

.delete-btn{
	
}
.fixed-bottom{
    height: 54px;
    line-height: 54px;
    background: #FFF;
    text-align: center;
    width: 98%;
    position: fixed;
    z-index: 1000;
    bottom: 10px;
    box-shadow: 0 5px 10px #00000080;
    border: 1px solid #ddd;	
}
.zdy-required:before {
    display: inline-block;
    margin: 0 4px;
    content: "*";
    color: #F6505C;
}

.zdy-add-btn{
	width: 180px;
    text-align: center;
    background-color: #00c1de;
}
.zdy-i-w800{
	width:800px;
}

input:disabled{  
    color:red;
    opacity: 1;
    -webkit-text-fill-color: red;
    cursor: not-allowed;
    background-color: #f2f2f2;
}

.image-container{
       max-width: 860px;
  		display: inline-block;
  		/* float: left; */
  		margin-left: 55px;
}
.image-list{
	
}
.image-list .item{
    float: left;
    margin: 2px;
    border: 1px solid #ddd;
    padding: 5px;
    width: 120px;
    height: 170px;
}
.image-list .item img{
	max-height: 120px;
	max-width: 120px;
}
.image-list .item .img-title{
	display: inline-block;
    color: #F6505C;	
    content: "*";	
    text-align: center;
    height: 20px;	
    width: 100%;
}	
.image-list .item .image-card{
	text-align: center;	
}	
.image-list .item .image-tools{
	text-align: center;	
	width: 100%;
}	
.image-uploader-container{	
    width: 150px;
    float: left;
    margin-top: 5px;
}
.layui-icon-delete{
	font-size: 28px;
	cursor: pointer;
}
.webuploader-container{
	height: 120px;	
}	
.webuploader-pick{
	height: 130px;
	background: #f2f2f2;
	color: #333;	
	width: 90px;	
	background: #f8f8f8 url(./../images/upload.png) center 30px no-repeat;
	padding: initial;
}
.webuploader-pick-hover {
	background: #f8f8f8 url(./../images/upload.png) center 30px no-repeat;
}
.ztree-title{
    font-size: 16px;
    display: block;
    width: 100%;
    line-height: 38px;
    background: #f2f2f2;
    text-align: center;
}
.ztree-container{
	width: 200px;
    float: left;
    min-height: 600px;
    border: 1px solid #e6e6e6;
    margin-right: 10px;
}
.node_name_list{
    min-width: 240px;
    float: left;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    margin-left: 5px;
}
.ztree li span.button{
	margin-top: 2px;
}
.ztree *{
	font-size: 16px;
}
.ztree li a.curSelectedNode{
	height: 20px;
}
.ztree li span.button.chk{
	margin: 4px 2px 0 0;	
}
.ztree li a{
    padding: 4px 3px 0 0;
}
.city-picker-area{
    position: relative;
    width: 420px;
    margin: 0 auto;
    height: 34px;
    color: #fff;
    border-bottom: 1px solid #ccc;
}	
.city-picker-area .city-picker-span{
    display: inline-block;
    width: 360px!important;
    margin-left: 5px;
    padding-left: 10px;
    line-height: 36px!important;
    background: none;
    font-size: 14px;
}
.city-picker-area .placeholder{
	letter-spacing: 4px;
}
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{
	background-color: #1e9fff;
}
.layui-nav-tree .layui-nav-bar{
	background-color: #1e9fff;
}
